<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>买家中心</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/my.css">
    <link rel="stylesheet" href="../css/demo.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>

    <style>
        .upload_box {
            width: 100%;
            /* margin: 1em auto; */
        }



        .upload_drag_area {
            display: inline-block;
            width: 60%;
            padding: 4em 0;
            margin-left: .5em;
            border: 1px dashed #ddd;
            background: #fff url(drag.png) no-repeat 20px center;
            color: #999;
            text-align: center;
            vertical-align: middle;
        }

        .upload_drag_hover {
            border-color: #069;
            box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .5);
            color: #333;
        }

        .upload_preview {
            background-color: #fff;
            overflow: hidden;
            _zoom: 1;
            float: left;
        }

        .upload_append_list {
            /* height: 300px; */
            margin-right: 8px;
            width: 60px;
            height: 60px;
            float: left;
            position: relative;
        }

        .upload_delete {
            margin-left: 2em;
            background: url('../img/删除@2x.png') no-repeat center;
            position: absolute;
            top: 0;
            right: 0;
            display: inline-block;
            width: 12px;
            height: 12px;
            background-size: contain;
        }



        .upload_submit_btn {
            display: none;
            height: 32px;
            font-size: 14px;
        }

        .upload_loading {
            height: 250px;
            background: url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center;
        }

        .upload_progress {
            display: none;
            padding: 5px;
            border-radius: 10px;
            color: #fff;
            background-color: rgba(0, 0, 0, .6);
            position: absolute;
            left: 25px;
            top: 45px;
        }
    </style>
</head>

<body>
    <!--头部-->
    <div class="public-header flex">
        <!--<span class="public-header-left-search"></span>-->
        <span class="public-header-left-back"></span>
        <span class="public-header-center">某个分类</span>
        <span class="public-header-right"></span>
    </div>
    <div class="Publish_goods bc-gray">
        <textarea name="" id="" cols="30" rows="10" placeholder="我的产品描述......" v-model="datas"></textarea>
        <div id="body" class="light">
            <div id="content" class="show">
                <div class="demo">
                    <form id="uploadForm" action="http://192.168.1.111:8090/ZITAOHUI/upload" method="post" enctype="multipart/form-data">
                        <div class="upload_box">
                            <div class="upload_main">
                                <div id="preview" class="upload_preview"></div>
                                <div class="upload_choose">
                                    <img src="../img/添加图片 copy@2x.png" alt="" style='width:60px;height:60px' id="add_img">
                                </div>

                            </div>
                     
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <p class="tip flex">
            <span>鉴定证书</span>
            <img src="../img/证书@2x.png" alt="">
        </p>
        <p class="p2">
            下一步即表示同意<span>《紫陶汇竞拍服务协议》</span>
        </p>
        <section class="button flex">
            <span class="left">存为草稿</span>
            <span class="right" @click='next_link()'>下一步</span>
        </section>
    </div>




    <br style="clear: both">
   
    <script src="../js/vue.js"></script>
    <script src="../js/vue-resource.min.js"></script>
    <script>
        $(function () {
            $('#add_img').click(function () {
                $('#add_img').hide();
                $('#fileImage').click();
            })
  

            new Vue({
                el: 'body',
                data: {
                    datas: ''
                },
                methods: {
                    next_link: function () {
                        $('#fileSubmit').click()
                        let vm = this;
                        window.sessionStorage.setItem('message', JSON.stringify(vm.datas))

                    }

                }

            })
        })
    </script>



</body>

</html>